<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>贝肯伟小程序</title>
  <!-- import Vue before Element -->
  <!-- <script src="https://unpkg.com/vue/dist/vue.js"></script> -->
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  <!-- element-ui---引入样式 -->
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
  <!-- element-ui---引入组件库 -->
  <script src="https://unpkg.com/element-ui/lib/index.js"></script>
  <!-- css初始化 -->
  <link rel="stylesheet" href="css/reset.css">
  <!-- icon导入 -->
  <link rel="stylesheet" href="css/icon.css">
  <!-- 本页样式 -->
  <link rel="stylesheet" href="css/home.css">
</head>

<body>
  <header id="header">
    <a href="#">
        <img src="img/logo.png" />
      贝肯为微信平台
    </a>
    <div class="nav">
      <a href="#">小程序</a>
      <a href="#">公众号</a>
      <a href="#">会员</a>
      <a href="/marketing">营销</a>
      <a href="/transaction">交易</a>
      <a href="#">设置</a>
    </div>
    <div class="operating">
      <div>用户名</div>
      <div>注销登录</div>
    </div>
  </header>
  <div class="home">
    <div class="features">
      <div class="companyInfo">
        <div class="info">
          <div class="imgorInfo">
            <img src="img/logo.png" />
            <div class="">
              <div class="name">西安贝肯伟</div>
              <div class="description">
                通用版·普通版
                <span>2020年04月03日到期</span>
              </div>
            </div>
          </div>
          <div class="thisInfo">
            <div>
              已开通小程序：
              <span>1</span>
              个
            </div>
            <div>
              系统稳定运营：
              <span>42</span>
              天
            </div>
          </div>
        </div>
        <div class="swiper">
          <img src="img/logo.png" />
        </div>
      </div>
      <div class="programList">
        <div class="name">
          小程序列表
          <span>列表中所有授权的小程序必须属于同一个公司主体账号</span>
        </div>
        <div class="button">
          <!-- newProject -->
          <!-- <a to="/newProject"> -->
          <!-- <el-button type="text" @click="open">点击打开 Message Box</el-button> -->
          <!-- </a> -->
          <a to="/newProject">
            <button>创建小程序</button>
          </a>
          <a to="/newProject">
            <button>创建小程序</button>
          </a>
          <a to="/newProject">
            <button>创建小程序</button>
          </a>
        </div>
        <div class="list">
          <div class="item">
            <div class="status">
              <div class="sta">
                <span>·</span>
                审核中
              </div>
              <div class="version">
                V2.92
                <span>更新</span>
              </div>
            </div>
            <div class="QRCode">
              <img src="img/logo.png">
              <img class="QRCodeImg" src="img/logo.png">
            </div>
            <div class="programInfo">
              <div class="iconfont icon-31aichegujia programIcon"></div>
              <div>
                <div class="programName">小程序名称</div>
                <div class="time">
                  <icon class="iconfont icon-31aichegujia"></icon>
                  2019-05-05 18:11:11
                </div>
              </div>
            </div>
            <div class="operating">
              <div>
                <a to="/workshop">
                  <icon class="iconfont icon-31aichegujia"></icon>
                  装修
                </a>
              </div>
              <div>
                <icon class="iconfont icon-31aichegujia"></icon>
                数据
              </div>
              <div>
                <icon class="iconfont icon-31aichegujia"></icon>
                设置
              </div>
              <div>
                <icon class="iconfont icon-31aichegujia"></icon>
                删除
              </div>
            </div>
          </div>
          <div class="item">
            <div class="status">
              <div class="sta">
                <span>·</span>
                审核中
              </div>
              <div class="version">
                V2.92
                <span>更新</span>
              </div>
            </div>
            <div class="QRCode">
              <img src="img/logo.png">
              <img class="QRCodeImg" src="img/logo.png">
            </div>
            <div class="programInfo">
              <div class="iconfont icon-31aichegujia programIcon"></div>
              <div>
                <div class="programName">小程序名称</div>
                <div class="time">
                  <icon class="iconfont icon-31aichegujia"></icon>
                  2019-05-05 18:11:11
                </div>
              </div>
            </div>
            <div class="operating">
              <div>
                <icon class="iconfont icon-31aichegujia"></icon>
                装修
              </div>
              <div>
                <icon class="iconfont icon-31aichegujia"></icon>
                数据
              </div>
              <div>
                <icon class="iconfont icon-31aichegujia"></icon>
                设置
              </div>
              <div>
                <icon class="iconfont icon-31aichegujia"></icon>
                删除
              </div>
            </div>
          </div>
          <div class="item">
            <div class="status">
              <div class="sta">
                <span>·</span>
                审核中
              </div>
              <div class="version">
                V2.92
                <span>更新</span>
              </div>
            </div>
            <div class="QRCode">
              <img src="img/logo.png">
              <img class="QRCodeImg" src="img/logo.png">
            </div>
            <div class="programInfo">
              <div class="iconfont icon-31aichegujia programIcon"></div>
              <div>
                <div class="programName">小程序名称</div>
                <div class="time">
                  <icon class="iconfont icon-31aichegujia"></icon>
                  2019-05-05 18:11:11
                </div>
              </div>
            </div>
            <div class="operating">
              <div>
                <icon class="iconfont icon-31aichegujia"></icon>
                装修
              </div>
              <div>
                <icon class="iconfont icon-31aichegujia"></icon>
                数据
              </div>
              <div>
                <icon class="iconfont icon-31aichegujia"></icon>
                设置
              </div>
              <div>
                <icon class="iconfont icon-31aichegujia"></icon>
                删除
              </div>
            </div>
          </div>
          <div class="item">
            <div class="status">
              <div class="sta">
                <span>·</span>
                审核中
              </div>
              <div class="version">
                V2.92
                <span>更新</span>
              </div>
            </div>
            <div class="QRCode">
              <img src="img/logo.png">
              <img class="QRCodeImg" src="img/logo.png">
            </div>
            <div class="programInfo">
              <div class="iconfont icon-31aichegujia programIcon"></div>
              <div>
                <div class="programName">小程序名称</div>
                <div class="time">
                  <icon class="iconfont icon-31aichegujia"></icon>
                  2019-05-05 18:11:11
                </div>
              </div>
            </div>
            <div class="operating">
              <div>
                <icon class="iconfont icon-31aichegujia"></icon>
                装修
              </div>
              <div>
                <icon class="iconfont icon-31aichegujia"></icon>
                数据
              </div>
              <div>
                <icon class="iconfont icon-31aichegujia"></icon>
                设置
              </div>
              <div>
                <icon class="iconfont icon-31aichegujia"></icon>
                删除
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="guide">
        <div class="name">
          小程序发布指南
          <span class="guideInfo">
            更多教程请到
            <span class="community">商家社区</span>
          </span>
        </div>
        <div class="con">
          <div class="item novice">
            <icon class="iconfont icon-31aichegujia"></icon>
            新手引导
          </div>
          <div class="item Application">
            <icon class="iconfont icon-31aichegujia"></icon>
            新手引导<br>
            新手引导
          </div>
          <div class="item release">
            <icon class="iconfont icon-31aichegujia"></icon>
            新手引导<br>
            新手引导
          </div>
        </div>
      </div>
      <div class="special">
        <div class="name">小程序特殊能力</div>
        <div class="con">
          <div class="item">
            <img src="img/logo.png">
            附近的小程序
          </div>
          <div class="item">
            <img src="img/logo.png">
            申请微信支付
          </div>
          <div class="item">
            <img src="img/logo.png">
            支付后引导<br>关注公众昂好
          </div>
          <div class="item">
            <img src="img/logo.png">
            小程序体验者
          </div>
        </div>
      </div>
    </div>
    <div class="message">
      <div class="messageSys">
        <div class="title">
          <div class="name">
            <icon class="iconfont icon-31aichegujia"></icon>
            消息通知
          </div>
          <div class="more">
            更多
            <icon class="iconfont icon-31aichegujia"></icon>
          </div>
        </div>
        <div class="con">
          <div class="item">
            <div class="messageCon">
              <icon class="iconfont icon-31aichegujia"></icon>
              <div>【系统公告】公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告</div>
              <img src="img/logo.png">
            </div>
            <div class="time">05-11</div>
          </div>
          <div class="item">
            <div class="messageCon">
              <icon class="iconfont icon-31aichegujia"></icon>
              <div>【系统公告】公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告</div>
              <img src="img/logo.png">
            </div>
            <div class="time">05-11</div>
          </div>
          <div class="item">
            <div class="messageCon">
              <icon class="iconfont icon-31aichegujia"></icon>
              <div>【系统公告】公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告</div>
              <img src="img/logo.png">
            </div>
            <div class="time">05-11</div>
          </div>
          <div class="item">
            <div class="messageCon">
              <icon class="iconfont icon-31aichegujia"></icon>
              <div>【系统公告】公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告</div>
              <img src="img/logo.png">
            </div>
            <div class="time">05-11</div>
          </div>
          <div class="item">
            <div class="messageCon">
              <icon class="iconfont icon-31aichegujia"></icon>
              <div>【系统公告】公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告</div>
              <img src="img/logo.png">
            </div>
            <div class="time">05-11</div>
          </div>
        </div>
      </div>
      <div class="feedback">
        <div class="item">
          <icon class="iconfont icon-31aichegujia"></icon>
          <div class="con">
            <div class="name">遇到问题</div>
            <div class="description">
              <span>在线客服</span>
              即将为您服务
            </div>
          </div>
        </div>
        <div class="item">
          <icon class="iconfont icon-31aichegujia"></icon>
          <div class="con">
            <div class="name">商家社区</div>
            <div class="description">
              <span></span>
              在商家互相交流中成长
            </div>
          </div>
        </div>
        <div class="item">
          <icon class="iconfont icon-31aichegujia"></icon>
          <div class="con">
            <div class="name">意见反馈</div>
            <div class="description">
              <span></span>
              用心聆听反馈
            </div>
          </div>
        </div>
      </div>
      <div class="QRCode">
        <img class="QRCodeimg" src="img/logo.png">
        <img class="QRCodeimg" src="img/logo.png">
      </div>
    </div>
  </div>
</body>

</html>